{% load staticfiles %}
    <header id="header">
      <div class="avatar"><img src="{% static 'imgs/avatar.jpg' %}" alt="站点Logo" class="img-circle" width="55%"></div>
      <h3 id="name">{{blog.sitename}}</h3>
      <div class="sns">
        <a href="{{blog.rss_url}}" target="_blank" rel="nofollow" title="RSS"><i class="fa fa-rss" aria-hidden="true"></i></a>
        <a href="{{blog.rss_weibo}}" target="_blank" rel="nofollow" title="Weibo"><i class="fa fa-weibo" aria-hidden="true"></i></a>
        <a href="{{blog.rss_twittor}}" target="_blank" rel="nofollow" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
        <a href="{{blog.rss_facebook}}" target="_blank" rel="nofollow" title="Facebook"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
      </div>
      <div class="nav">
        <ul>
          <li><a href="{% url 'index'  %}">首页</a></li>
          <li><a href="{% url 'archive' %}">博客归档</a></li>
          <li><a href="{% url 'about' %}">博主介绍</a></li>
          <li><a href="{% url 'pay' %}">
            <i class="fa fa-gift" aria-hidden="true"></i>
            打赏
            <i class="fa fa-gift" aria-hidden="true"></i>
          </a></li>
        </ul>
      </div>
      <div class="weixin"> <img src="{% static 'imgs/weixin.jpg' %}" alt="微信" width="60%">
        <p>微信</p>
      </div>
    </header>